'use strict'
import React, { Component, PropTypes } from 'react'
import { Link } from 'react-router'

class TaskBoard extends Component {
    render() {
        return (<section className="board">
            <div className="board-header clearfix">
                <h3 className="board-title pull-left">每日任务</h3>
                <div className="board-menu pull-right">
                    <Link to="/task_list" className="lnk">更多</Link>
                </div>
            </div>
            <div className="board-body">
                <ul className="share-list">
                    <li className="share-item">
                        <div className="img-container sign-in-icon"></div>
                        <div><span className="share-title">签到</span></div>
                        <div><span className="reward-point">+1</span></div>
                    </li>
                    <li className="share-item">
                        <div className="img-container share-icon"></div>
                        <div><span className="share-title">分享</span></div>
                        <div><span className="reward-point">+5</span></div>
                    </li>
                    <li className="share-item">
                        <div className="img-container scan-icon"></div>
                        <div><span className="share-title">扫一扫</span></div>
                        <div><span className="reward-point">+1</span></div>
                    </li>
                </ul>
            </div>
        </section>)
    }
}

export default TaskBoard;